<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <script src="./../../../../assets/js/jquery.js"></script>
        <script src="./../../../../assets/js/jquery.csvToTable.js"></script>
        <script src="./../../../../assets/js/funcoes_clientes.js"></script>
        <title>Alfaworks - Listagem de Clientes</title>
        <link rel="stylesheet" href="../../../../css/style.css">
        <link rel="stylesheet" href="../../../../css/cadastro-cliente.css">
        <link rel="stylesheet" href="../../../../css/grid.css">


        <!---- 07/05/2014 -> Presta Atenção: Esta grid é uma forma de tentar gerar uma listagem simples. Estou utilizando
        um arquivo CSV para gerar a tal grid mas o ideal seria um Servlet para gerar o CSV e o componente csv-to-table se
        encarregará de gerar uma tabela prontinha. Modificando este componente, será possível gerar grids bem interessantes -->

        <!---- Como toda boa requisição AJAX, você deverá rodar este arquivo em um servidor HTTP como o Apache Tomcat, Glassfish! -->

        <!--- Gere os arquivos de estilo de maneira muito simples! Vá até o site: http://tablestyler.com/# --->

    </head>
    <center><img src="./../../../../assets/images/alphaworks-logo2.jpg"></center>
    <section class="container">
        <div class="cadastro">

            <h2>Cadastro de Clientes</h2>

            <hr>
            <input type="button" onclick="criarNovoCadastro()" name="teste" value="Novo Cadastro">
            <input type="button" onclick="listarClientes()" name="voltar" value="Listagem de Clientes">
            <input type="button" onclick="window.history.back()" name="voltar" value="Voltar">
            <input type="button" onclick="teste()" name="teste3" value="Teste">
            <input type="text" id="textbox3" value="Teste">


            <hr>

            <div id="grid" class="datagrid">

            </div>



            <div id="dados" class="dados_class" style="visibility: false"></div>

            <div id="dados_cliente">
                <table border="0">

                    <tr>
                        <td align="right">Nome Completo:</td>
                    <br />
                    <br />
                    <td><input type="text" id="text_nome" name="text_nome" size="30"> </td>
                    </tr>

                    <tr>
                        <td align="right">CPF:</td>
                        <td><input type="number"  id="text_cpf" size="20"></td>
                    </tr>

                    <tr>
                        <td align="right">Data de nascimento:</td>
                        <td><input type="date" id="text_datanasc"></td>
                    </tr>

                    <tr>
                        <td align="right">Sexo:</td>
                        <td><input type="radio" name="masc" value="cliente">Masculino<input
                                type="radio" name="fem" value="ps">Feminino</td>
                    </tr>

                    <tr>
                        <td align="right">Telefone fixo:</td>
                        <td><input type="number" id="text_dddtel"></td>
                    </tr>

                    <tr>
                        <td align="right">Telefone celular:</td>
                        <td><input type="number" id="text_dddcel" ></td>
                    </tr>




                    <tr>
                        <td align="right">Email:</td>
                        <td><input type="email" id="text_email"></td>
                    </tr>

                    <tr>
                        <td align="right">Senha:</td>
                        <td><input type="password" id="text_senha" size="20" ></td>
                    </tr>

                    <tr>
                        <td align="right">Confirmação de senha:</td>
                        <td><input type="password" id="text_senha"  size="20" ></td>
                    </tr>

                </table> <br /> <br /> <u>Dados Residenciais</u> <br /> <br />
                <table border="0">
                    <tr>
                        <td align="right">Endereco:</td>
                        <td><input type="text" id="text_end" size="40" ></td>
                    </tr>

                    <tr>
                        <td align="right">Numero:</td>
                        <td><input type="number" id="text_num" size="10" ></td>
                    </tr>

                    <tr>
                        <td align="right">Complemento:</td>
                        <td><input type="text" id="text_comp"></td>
                    </tr>

                    <tr>
                        <td align="right">Bairro:</td>
                        <td><input type="text" id="text_bairro" size="10" ></td>
                    </tr>

                    <tr>
                        <td align="right">Cidade:</td>
                        <td><input type="text" id="text_cid" size="10" ></td>
                    </tr>


                    <tr>
                        <td align="right">Estado:</td>
                        <td><input type="text" id="text_est" size="10" </td>
                    </tr>

                    <tr>
                        <td align="right">CEP:</td>
                        <td><input type="text" id="text_cep"></td>
                    </tr>

                    <tr>
                        <td align="right">Ponto de referencia:</td>
                        <td><input type="text" id="text_infr" size="40"></td>
                    </tr>

                </table>

                </td>
                </tr>
                </table>
                <br /> <br /> 
            </div>






        </div>
    </section>
</body>
</html>